<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../common/css/public.css">
	</head>

	<body>
		<h2>搜索/过滤</h2>
		<p>点击按钮显示下拉菜单，输入框可以搜索过滤内容。</p>

		<div class="dropdown">
			<button onclick="myFunction()" class="dropbtn">下拉菜单</button>
			<div id="myDropdown" class="dropdown-content">
				<input type="text" placeholder="搜索.." id="myInput" onkeyup="filterFunction()">
				<a href="#about">About</a>
				<a href="#base">Base</a>
				<a href="#blog">Blog</a>
				<a href="#contact">Contact</a>
				<a href="#custom">Custom</a>
				<a href="#support">Support</a>
				<a href="#tools">Tools</a>
			</div>
		</div>
		<script src="../../common/js/jquery.min.js"></script>
		<script src="../../common/js/components.js"></script>
	</body>

</html>